.header{
  background:url(/src/component/xht/images/banner.jpg)no-repeat;
  background-size:100% 670px;
  height:670px;
}
.index-header{
  height:60px;
  background:rgba(0,0,0,.3);
  .pull-left{
    height:60px;
    line-height: 60px;
    img{
      display: block;
      margin-top:15px;
    }
  }
  .pull-right{
    a{
      display: inline-block;
      height:60px;
      line-height: 60px;
      color:#fff;
      font-size:14px;
      width:100px;
      text-align: center;
    }
    a:hover{
      color:#02b2b5;

    }
  }
}
.index-content{
  margin-top:130px;
  text-align: center;
  h1{
    text-align: center;
    font-size:125px;
    color:#fff;
    font-weight: 200;
    height: 105px;
    line-height: 105px;
    overflow: hidden;
  }
  p{
    color:#fff;
    font-size:48px;
    margin-top:80px;
    margin-bottom:80px;
    height: 50px;
    line-height: 50px;
   }
  a{
    font-size:18px;
    color:#fff;
    display: inline-block;
    width:140px;
    height:50px;
    line-height:50px;
    border-radius: 5px;
    border:1px solid #fff;
    box-sizing: border-box;
  }
  .active{
    background:#02b2b5;
    border-color:#02b2b5;
  }
  .right-a{
    margin-left:40px;
  }
}
.block-index-1{
    h2{
      text-align: center;
      margin-top:35px;
      margin-bottom:50px;
      font-size:48px;
      color:#333;
      font-weight: 300;
      .span2{
        color:#02b2b5;
      }
    }
  .content{
    float:left;
    width:33.3%;
    img{
      display: block;
      margin:0 auto;
    }
    h3{
      text-align: center;
      font-size:24px;
      color:#333;
      margin:20px auto;
    }
    p{
      margin:0 30px;
      font-size:16px;
      color:#333;
      line-height:1.5;
    }
  }
}
.index-footer{
  padding-top:30px;
  margin-top:100px;
  height:140px;
  background:#333;
  text-align: center;
  p{
    color:#fff;
    font-size:14px;
    line-height:30px;
  }
}